<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>可移动，汉字，多功能键盘</title>
<link rel="stylesheet" type="text/css" href="css/virtualkeyboard.css" />
</head>

<style>
input{
	width: 200px;
	height: 35px;
	border: 1px solid #ccc;
	border-radius: 20px;
	outline: none;
	font-size: 24px;
	padding: 0 5px;
	box-sizing: border-box;
	text-align: center;
}
</style>

<body>

<input type="text" id="input_val">
<input type="text" id="input_val2">

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/virtualkeyboard.js"></script>
<script type="text/javascript">
$("#input_val").virtualkeyboard()
$("#input_val2").virtualkeyboard()
</script>


</body>
</html>